<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>markdownThemes</title>
    <link rel="stylesheet" href="https://a-cai.gitee.io/fonts/css/index.css">
    <link rel="stylesheet" href="https://a-cai.gitee.io/docsthemes/html-style/yige.css">
    <script src="https://a-cai.gitee.io/docsthemes/highlightjs/highlight.min.js"></script>
    <link rel="stylesheet" href="https://a-cai.gitee.io/docsthemes/highlight-style/atom-one-dark.css">
    <script>
        hljs.initHighlightingOnLoad();
    </script>
    <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
</head>

<body>
    <a href="https://gitee.com/A-cai/iosMdThemes.git"></a><br>
    标准：<a href="https://a-cai.gitee.io/iosmdthemes/Standard.css"></a><br>
    自定义：<a href="https://a-cai.gitee.io/iosmdthemes/picCard.css"></a>
    <pre>
        <code class='language-css' lang='css'>
            body {
                font-family: Helvetica, arial, sans-serif;
                font-size: 1rem;
                line-height: 1.6;
                padding-top: 10px;
                padding-bottom: 10px;
                background-color: white;
                padding: 5px;
              }
              
              body>*:first-child {
                margin-top: 0 !important;
              }
              
              body>*:last-child {
                margin-bottom: 0 !important;
              }
              
              a {
                color: #4183C4;
              }
              
              a.absent {
                color: #cc0000;
              }
              
              a.anchor {
                display: block;
                padding-left: 30px;
                margin-left: -30px;
                cursor: pointer;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
              }
              
              h1,
              h2,
              h3,
              h4,
              h5,
              h6 {
                margin: 20px 0 10px;
                padding: 0;
                font-weight: bold;
                -webkit-font-smoothing: antialiased;
                cursor: text;
                position: relative;
              }
              
              h1:hover a.anchor,
              h2:hover a.anchor,
              h3:hover a.anchor,
              h4:hover a.anchor,
              h5:hover a.anchor,
              h6:hover a.anchor {
                background: url() no-repeat 10px center;
                text-decoration: none;
              }
              
              h1 tt,
              h1 code {
                font-size: inherit;
              }
              
              h2 tt,
              h2 code {
                font-size: inherit;
              }
              
              h3 tt,
              h3 code {
                font-size: inherit;
              }
              
              h4 tt,
              h4 code {
                font-size: inherit;
              }
              
              h5 tt,
              h5 code {
                font-size: inherit;
              }
              
              h6 tt,
              h6 code {
                font-size: inherit;
              }
              
              h1 {
                font-size: 1.55rem;
                color: black;
              }
              
              h2 {
                font-size: 1.45rem;
                border-bottom: 1px solid #cccccc;
                color: black;
              }
              
              h3 {
                font-size: 1.25rem;
              }
              
              h4 {
                font-size: 1.1rem;
              }
              
              h5 {
                font-size: 1rem;
              }
              
              h6 {
                color: #777777;
                font-size: 1rem;
              }
              
              p,
              blockquote,
              ul,
              ol,
              dl,
              li,
              table,
              pre {
                margin: 16px 0;
              }
              
              mark {
                background: #FEFCBF;
                color: #744210;
              }
              
              hr {
                background: transparent url() repeat-x 0 0;
                border: 0 none;
                color: #cccccc;
                height: 4px;
                padding: 0;
              }
              
              body>h2:first-child {
                margin-top: 0;
                padding-top: 0;
              }
              
              body>h1:first-child {
                margin-top: 0;
                padding-top: 0;
              }
              
              body>h1:first-child+h2 {
                margin-top: 0;
                padding-top: 0;
              }
              
              body>h3:first-child,
              body>h4:first-child,
              body>h5:first-child,
              body>h6:first-child {
                margin-top: 0;
                padding-top: 0;
              }
              
              a:first-child h1,
              a:first-child h2,
              a:first-child h3,
              a:first-child h4,
              a:first-child h5,
              a:first-child h6 {
                margin-top: 0;
                padding-top: 0;
              }
              
              h1 p,
              h2 p,
              h3 p,
              h4 p,
              h5 p,
              h6 p {
                margin-top: 0;
              }
              
              li p.first {
                display: inline-block;
              }
              
              li {
                margin: 0;
              }
              
              ul,
              ol {
                padding-left: 30px;
              }
              
              ul :first-child,
              ol :first-child {
                margin-top: 0;
              }
              
              dl {
                padding: 0;
              }
              
              dl dt {
                font-size: 1rem;
                font-weight: bold;
                font-style: italic;
                padding: 0;
                margin: 15px 0 5px;
              }
              
              dl dt:first-child {
                padding: 0;
              }
              
              dl dt> :first-child {
                margin-top: 0;
              }
              
              dl dt> :last-child {
                margin-bottom: 0;
              }
              
              dl dd {
                margin: 0 0 15px;
                padding: 0 15px;
              }
              
              dl dd> :first-child {
                margin-top: 0;
              }
              
              dl dd> :last-child {
                margin-bottom: 0;
              }
              
              blockquote {
                border-left: 4px solid #dddddd;
                padding: 0 15px;
                color: #777777;
              }
              
              blockquote> :first-child {
                margin-top: 0;
              }
              
              blockquote> :last-child {
                margin-bottom: 0;
              }
              
              table {
                width: 100%;
                padding: 0;
                border-collapse: collapse;
              }
              
              table tr {
                border-top: 1px solid #cccccc;
                background-color: white;
                margin: 0;
                padding: 0;
              }
              
              table tr:nth-child(2n) {
                background-color: #f8f8f8;
              }
              
              table tr th {
                font-weight: bold;
                border: 1px solid #cccccc;
                margin: 0;
                padding: 6px 13px;
              }
              
              table tr td {
                border: 1px solid #cccccc;
                margin: 0;
                padding: 6px 13px;
              }
              
              table tr th :first-child,
              table tr td :first-child {
                margin-top: 0;
              }
              
              table tr th :last-child,
              table tr td :last-child {
                margin-bottom: 0;
              }
              
              img {
                max-width: 100%;
                margin: 0.2em auto;
                border-radius: 0.1rem;
                display: block;
                box-sizing: border-box;
                height: auto;
                border-style: solid;
              }
              
              span.frame {
                display: block;
                overflow: hidden;
              }
              
              span.frame>span {
                border: 1px solid #dddddd;
                display: block;
                float: left;
                overflow: hidden;
                margin: 13px 0 0;
                padding: 7px;
                width: auto;
              }
              
              span.frame span img {
                display: block;
                float: left;
              }
              
              span.frame span span {
                clear: both;
                color: #333333;
                display: block;
                padding: 5px 0 0;
              }
              
              span.align-center {
                display: block;
                overflow: hidden;
                clear: both;
              }
              
              span.align-center>span {
                display: block;
                overflow: hidden;
                margin: 13px auto 0;
                text-align: center;
              }
              
              span.align-center span img {
                margin: 0 auto;
                text-align: center;
              }
              
              span.align-right {
                display: block;
                overflow: hidden;
                clear: both;
              }
              
              span.align-right>span {
                display: block;
                overflow: hidden;
                margin: 13px 0 0;
                text-align: right;
              }
              
              span.align-right span img {
                margin: 0;
                text-align: right;
              }
              
              span.float-left {
                display: block;
                margin-right: 13px;
                overflow: hidden;
                float: left;
              }
              
              span.float-left span {
                margin: 13px 0 0;
              }
              
              span.float-right {
                display: block;
                margin-left: 13px;
                overflow: hidden;
                float: right;
              }
              
              span.float-right>span {
                display: block;
                overflow: hidden;
                margin: 13px auto 0;
                text-align: right;
              }
              
              code,
              tt {
                margin: 0 2px;
                padding: 0 5px;
                white-space: nowrap;
                border: 1px solid #eaeaea;
                background-color: #f8f8f8;
                border-radius: 3px;
              }
              
              pre code {
                margin: 0;
                padding: 0;
                white-space: pre;
                border: none;
                background: transparent;
              }
              
              .highlight pre {
                background-color: #f8f8f8;
                border: 1px solid #cccccc;
                font-size: 0.9rem;
                line-height: 19px;
                overflow: auto;
                padding: 6px 10px;
                border-radius: 3px;
              }
              
              pre {
                background-color: #f8f8f8;
                border: 1px solid #cccccc;
                font-size: 0.9rem;
                line-height: 19px;
                overflow: auto;
                padding: 6px 10px;
                border-radius: 3px;
              }
              
              pre code,
              pre tt {
                background-color: transparent;
                border: none;
              }
              
              sup {
                font-size: 0.83rem;
                vertical-align: super;
                line-height: 0;
              }
              
              * {
                -webkit-print-color-adjust: exact;
              }
              
              @media screen and (min-width: 914px) {
                body {
                  width: 854px;
                  margin: 0 auto;
                }
              }
              
              @media print {
                table,
                pre {
                  page-break-inside: avoid;
                }
              
                pre {
                  word-wrap: break-word;
                }
              }
        </code>
    </pre>
</body>

</html>